header {
    width: 100%;
    background: #32373e;
}

.header_c {
    height: 40px;
    line-height: 40px;
    color: white;
}

.header_c a {
    cursor: pointer;
}

.header_left {
    float: left;
}

.header_left .logo {
    float: left;
    margin-top: 12px;
}

.header_left .logo a {
    background: url(https://lagou-zhaopin-fe.lagou.com/fed/lg-www-fed/image/20210624/1624523613071.png) no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    display: block;
    width: 66px;
    height: 16px;
    text-indent: -999em;
    overflow: hidden;
}

.header_left .city {
    float: left;
    margin-left: 34px;
}

.header_left .city span {
    font-size: 14px;
    color: #0dca9f;
}

.header_left .city i {
    font-size: 14px;
    margin-left: 12px;
    color: #afb5c0;
}

.header_left .city i:hover {
    color: white;
}

.header_left .nav {
    float: left;
    margin-left: 20px;
}

.header_left .nav li {
    float: left;
    position: relative;
}

.header_left .nav li a {
    display: block;
    height: 40px;
    padding: 0 21px;
    color: #AFB5C0;
}

.header_left .nav li.current a {
    background: #24282c;
    color: #FFFFFF;
}

.header_left .nav li a:hover {
    color: #FFFFFF;
}

.header_left .nav li .tips {
    position: absolute;
    right: -2px;
    top: -3px;
    background: #ff7452;
    color: #fff;
    border-radius: 9px;
    width: 30px;
    height: 18px;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
}


.header_right {
    float: right;
}

.header_right a {
    float: left;
    color: #AFB5C0;
}

.header_right a:hover {
    color: #FFFFFF;
}

.header_right .upload {
    margin-right: 23px;
}

.header_right .subscribe {
    margin-right: 66px;
}

.header_right .split {
    float: left;
    padding: 0 7px;
    color: #5e6166;
}

.header_right .login {
    position: relative;
}

.header_right .login i {
    content: '';
    display: block;
    background: url(../images/login.png) no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 11px;
    left: -26px;
}

.header_right .register {
    margin-right: 52px;
}

.header_right .lagou {
    margin-right: 22px;
    position: relative;
    color: #00B38A !important;
}

.header_right .lagou i {
    content: '';
    display: block;
    background: url(../images/app.png) no-repeat;
    background-size: 100% 100%;
    width: 13px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: -20px;
}
